<template>
	<view class="zui-icon" :style="'margin-right: '+right+';'">
			<image :src="src" :style="'width:'+size+';height:'+ size+';'"></image>
	</view>
	
</template>

<script>
	export default {
		name:"zui-icon",
		props: {
			src:{
				type:[String,Number]
			},
			size:{
				type:[String,Number],
				default:'30rpx'
			},
			color:{
				type:[String,Number]
			},
			right:{
				type:[String,Number]
			}
		},
		data() {
			return {
				
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.zui-icon {
	display: flex;
	flex-direction: row;
	align-items: center;
	display: inline-block;
	width: 28rpx;
	height: 28rpx;
	margin-right: 20rpx;
}
</style>
